<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zol商城</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./base.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="w clearfix">
            <p>
                商城首页 Hi~欢迎来到ZOL商城，请 <a href="#">登录 </a> <a href="#">免费注册</a>
            </p>
            <ul class="clearfix">       
                <li><a href="#">联系客服<span></span></a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">中关村在线</a></li>
                <li><a href="#"><span></span> 手机商城<span></span></a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物车0件</a></li>
                <li><a href="#">买家中心<span></span></a></li>
                <li><a href="#">我的订单</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
     <div class="header w">
        <div class="t">
            <h1 title="zol商城">zol商城</h1>
            <h2>
                北京<br>
                <img src="./img/同城GO.jpg" alt="">
            </h2>
            <div class="inpt">
                <input type="text"><button>搜索</button>
                <p>
                    <a href="#">小米</a> <a href="#">乐视</a> <a href="#">华为</a> <a href="#">DIY主机降1000元</a> <a href="#">超极本降1400元</a> <a href="#">热销机械键盘</a>
                </p>
            </div>
            <a href="#" class="r">服务到家</a>
            <a href="#" class="r">专注数码</a>
        </div>
        <div class="c">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">ZOL智选</a></li>
                <li><a href="#">DIY攒机馆</a></li>
            </ul>
        </div>
     </div>
     <!-- 内容 -->
     <div class="conter">
         <div class="t w clearfix">
            <div class="l">
                <div></div>
                <ul>
                    <li><a href="#">
                        <h2>ThinkPad S2-11CD</h2>
                        <p>降千元！赠好礼！</p>
                        <img src="./img/thinkpad笔记本.jpg" alt="">
                    </a></li>
                    <li><a href="#">
                        <h2>乐目 沙狐V1</h2>
                        <p>领券立减300元</p>
                        <img src="./img/乐目手机.jpg" alt="">
                    </a></li>
                    <li><a href="#">
                        <h2>影驰8G内存</h2>
                        <p>359元限时购</p>
                        <img src="./img/影迅内存.jpg" alt="">
                    </a></li>
                    <li><a href="#">
                        <h2>魅蓝 E2 全网通</h2>
                        <p>新品现货 指纹快充</p>
                        <img src="./img/魅蓝手机.jpg" alt="">
                    </a></li>
                    <li><a href="#">
                        <h2>七代i5 DIY主机</h2>
                        <p>2999元包邮</p>
                        <img src="./img/七代i5.jpg" alt="">
                    </a></li>
                </ul>
            </div>
            <div class="r">
                <ul>
                    <li><img src="./img/戴尔笔记本.jpg" alt=""></li>
                    <li><img src="./img/魅族手机.jpg" alt=""></li>
                </ul>
            </div>
         </div>
         <div class="b w">
            <h2>
                全国团购
            </h2>
            <ul class="clearfix">
                <li>
                    <img src="./img/美图手机.jpg" alt="">
                </li>
                <li>
                    <img src="./img/神州战神.jpg" alt="">
                </li>
                <li>
                    <img src="./img/荣耀8.jpg" alt="">
                </li>
                <li>
                    <img src="./img/佳能照相机.jpg" alt="">
                </li>
            </ul>
         </div>
     </div>
     <!-- 底部 -->
     <div class="foont">
         <div class="w">
             <p>
                合作伙伴：
                <a href="#">华为商城</a>| <a href="#">卷皮网</a>| <a href="#">中国电子银行网</a>| <a href="#">电子商务平台</a>| <a href="#">三帝贸易网</a>| <a href="#">团购</a>| <a href="#">家具网</a>| <a href="#">手表品牌大全</a>| <a href="#">钻石</a>| <a href="#">伊秀女性网</a>| <a href="#">电子产品世界</a>| <a href="#">挖东西比价网</a>|<br>
                 <a href="#">易购网</a>| <a href="#">广告网</a>| <a href="#">网上114</a>|
             </p>
             <p>
                <a href="#" class="n">中关村在线</a> | <a href="#">ZOL商城</a> | <a href="#">团购</a> | <a href="#">经销商</a> | <a href="#">产品报价</a> | <a href="#">论坛</a> | <a href="#">问答</a>
             </p>
             <p>
                关于ZOL商城 | 帮助中心 | 联系我们 | 发展历程 | 媒体报道
             </p>
             <p>
                2016 中关村在线 版权所有. 京ICP证150096号    京ICP备14061128号    京公网安备11010802020026号 网络文化经营许可证京网文[2016]1631-199
             </p>
         </div>
     </div>
</body>
</html>